// 引入包
const path =require('path')
const HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports={
    // 入口
    entry:'./src/index.ts',
    // 输出
    output:{
        path:path.resolve(__dirname,'dist'),
        filename:'main.js',
        clean:true,

    },
    // 加载器
    module:{
        rules:[
            {
                test:/\.ts$/,
                use:'ts-loader',
                exclude:/node_modules/
            }
        ]
    },
    // 插件
    plugins:[
        new HtmlWebpackPlugin({
            // 以 public/index.html 为模板创建文件
            // 新的html文件有两个特点：1. 内容和源文件一致 2. 自动引入打包生成的js等资源
            template: path.resolve(__dirname, "public/index.html"),
          }),
    ],
    // 用来设置引用模块
    resolve: {
        extensions: ['.ts', '.js']
    },
    // 模式
    mode:'development'

}